<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin"?>
<?xml-stylesheet type="text/css" href="/tests/SimpleTest/test.css"?>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=467442
-->
<window title="Mozilla Bug 467442"
        onload="onload()"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>

  <!-- test code goes here -->
  <popupset>
    <panel id="panel">
      Hello.
    </panel>
  </popupset>
  <hbox>
    <button id="anchor" label="Anchor hello on here" style="transform: translate(100px, 0)"/>
  </hbox>
  <script type="application/javascript">
  <![CDATA[

  SimpleTest.waitForExplicitFinish();

  function onload() {
    /** Test for Bug 467442 **/
    let panel = document.getElementById("panel");
    let anchor = document.getElementById("anchor");

    panel.addEventListener("popupshown", function onpopupshown() {
      panel.removeEventListener("popupshown", onpopupshown);
      let panelRect = panel.getBoundingClientRect();
      let anchorRect = anchor.getBoundingClientRect();
      is(panelRect.left, anchorRect.left, "Panel should be anchored to the button");
      panel.addEventListener("popuphidden", function onpopuphidden() {
        panel.removeEventListener("popuphidden", onpopuphidden);
        SimpleTest.finish();
      });
      panel.hidePopup();
    });

    panel.openPopup(anchor, "after_start", 0, 0, false, false);
  }

  ]]>
  </script>

  <!-- test results are displayed in the html:body -->
  <body xmlns="http://www.w3.org/1999/xhtml">
  <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=467442"
     target="_blank">Mozilla Bug 467442</a>
  </body>
</window>
